{% extends "base.html" %}

{% block title %}{{ title }}{% endblock %}

{% block content %}
    <ul id="mytab" class="nav nav-tabs">
        <li class="active"><a href="#home" data-toggle="tab">留言</a></li>
        <li><a href="#profile" data-toggle="tab">介绍</a></li>
        <li><a href="#messages" data-toggle="tab">消息</a></li>
        <li><a href="#settings" data-toggle="tab">设置</a></li>
    </ul>
    <div class="tab-content">
        <p id="clock"></p>
        <div class="tab-pane active" id="home">
            <form>
            <fieldset>
                <textarea rows="6" placeholder="说点什么:)"></textarea><br>
                <input type="text" placeholder="姓名"><br>
                <input type="text" placeholder="邮箱"><br>
                <button class="btn">提交</button><br>
            </fieldset>
            </form>
        </div>
        <div class="tab-pane" id="profile">
            <div class="accordion" id="accordion1">
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne">
                            显示你的信息
                        </a>
                    </div>
                    <div id="collapseOne" class="accordion-body collapse" style="height: 0px;">
                    <div class="accordion-inner">
                        <table>
                        {% for k in all_meta %}
                        <tr>
                        <td>{{ k.0 }}</td><td> {{ k.1 }}</td>
                        </tr>
                        {% endfor %}
                        </table>
                    </div>
                        </div>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="messages">迷</div>
        <div class="tab-pane" id="settings">路</div>
    </div>

{% endblock %}
